<template>
	<view class="map-content">
		<map :longitude="mapData.longitude" :latitude="mapData.latitude" :markers="mapData.markers" scale="13"
			@markertap="markertap"></map>
	</view>
</template>

<script>
	import {
		getYouthInternshipListApi
	} from '@/api/map.js'
	export default {
		data() {
			return {
				mapData: {
					longitude: 98.510165,
					latitude: 39.737452,
					markers: []
				},
			}
		},
		methods: {
			getList() {
				getYouthInternshipListApi({}).then((res) => {
					this.mapData.markers = res ?? []
					console.log(this.mapData.markers)
				})
			},
			markertap(e) {
				let markerId = e.detail.markerId;

				uni.navigateTo({
					url: '/page_other/company/info'
				})
			}
		},
		onShow() {
			this.getList()
			// setTimeout(() => {
			// 	this.mapData.markers = [{
			// 			id: 0,
			// 			longitude: 98.499888,
			// 			latitude: 39.707162,
			// 			title: '甘肃大禹节水股份有限公司',
			// 			iconPath: 'https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/map/mark.png',
			// 			width: 30,
			// 			height: 30,
			// 			anchor: {
			// 				x: 0.5,
			// 				y: 0.5
			// 			},
			// 			callout: {
			// 				content: "甘肃大禹节水股份有限公司",
			// 				borderRadius: 5,
			// 				display: "ALWAYS",
			// 				padding: 7,
			// 				bgColor: "#FFFFFF"
			// 			}
			// 		},
			// 		{
			// 			id: 1,
			// 			longitude: 98.516076,
			// 			latitude: 39.747026,
			// 			title: '中国联通酒泉分公司',
			// 			iconPath: 'https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/map/mark.png',
			// 			width: 30,
			// 			height: 30,
			// 			anchor: {
			// 				x: 0.5,
			// 				y: 0.5
			// 			},
			// 			callout: {
			// 				content: "中国联通酒泉分公司",
			// 				borderRadius: 5,
			// 				display: "ALWAYS",
			// 				padding: 7,
			// 				bgColor: "#FFFFFF"
			// 			}
			// 		}, {
			// 			id: 2,
			// 			longitude: 98.492646,
			// 			latitude: 39.739391,
			// 			title: '万达广场',
			// 			iconPath: 'https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/map/mark.png',
			// 			width: 30,
			// 			height: 30,
			// 			anchor: {
			// 				x: 0.5,
			// 				y: 0.5
			// 			},
			// 			callout: {
			// 				content: "万达广场",
			// 				borderRadius: 5,
			// 				display: "ALWAYS",
			// 				padding: 7,
			// 				bgColor: "#FFFFFF"
			// 			}
			// 		}, {
			// 			id: 3,
			// 			longitude: 98.50878,
			// 			latitude: 39.736007,
			// 			title: '天宝大景区',
			// 			iconPath: 'https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/map/mark.png',
			// 			width: 30,
			// 			height: 30,
			// 			anchor: {
			// 				x: 0.5,
			// 				y: 0.5
			// 			},
			// 			callout: {
			// 				content: "天宝大景区",
			// 				borderRadius: 5,
			// 				display: "ALWAYS",
			// 				padding: 7,
			// 				bgColor: "#FFFFFF",
			// 			}
			// 		}
			// 	];

			// }, 1000)
		}
	}
</script>

<style lang="scss">
	.map-content {
		width: 100%;
		height: 100vh;

		map {
			width: 100%;
			height: 100%;
		}
	}
</style>
